
a{
	text-decoration:none;
	color:#999;
}
a:hover{
	color:#000;
}

a.viewLeft{
	padding:3px 10px 3px 10px;
	background-color: #fff;
    border: 1px solid #aaa;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

span.viewRight{
	padding:3px 10px 3px 10px;
	background-color: #aaa;
    border: 1px solid #aaa;
    border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#fff;
}

#tabRow>td {
	  font-family: sans-serif;
	  font-size:18px;
}
pre.content {
  border: 1px solid #ccc;
  overflow: scroll;
}
#content_xml {
      resize: none;
      outline: none;
      border: none;
	  border: 1px solid #ccc;
      font-family: monospace;
      overflow: scroll;
    }
td.tabon {
	  color: #000;
      padding: 3px 19px 3px 19px;
	  min-width:80px;
	  border-bottom:2px #6581C3 solid;
	  text-align: center;
}
td.taboff {
      cursor: pointer;
	  color: #000;
      padding: 3px 19px 3px 19px;
	  min-width:80px;
}
td.taboff:hover {
      background-color: #eee;
}

.blocklyTreeIconOpen {
    margin: 8px;
}
.blocklyTreeIconClosedLtr {
    margin: 8px;
}


#side_code {
    padding:5px;
    border:0;
    background-color:#eee;
    height:70%;width:100%;
    resize:none;
}
#content_arduino {
	resize:none;
}

@font-face {
	font-family: myfont;
	src: url('font/xiongtuti.ttf');
}
html, body {
  height: 100%;
}
textarea{
	font-family:'courier new';
}
body {
  background-color: #fff;
  font-family: sans-serif;
  margin: 0;
  overflow: hidden;
}
h1 {
  font-weight: normal;
  font-size: 140%;
  margin-left: 5px;
  margin-right: 5px;
}
/* Tabs */
td.tabmin {
  border-top-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;
}
td.tabmax {
  border-top-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;
  width: 99%;
  text-align: right;
}
td.tabcoyright {
  border-top-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;
  width: 70%;
  text-align: center;
}
td.tabmode {
  border-top-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;
  width: 45%;
  text-align: center;
}
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: none;
}
td {
  padding: 0;
  vertical-align: center;
}
.content {
  visibility: hidden;
  margin: 0;
  padding: 1ex;
  position: absolute;
  direction: ltr;
}
#content_blocks {
  padding: 0;
}
.blocklySvg {
  border-top: none !important;
}
button {
  padding: 5px 1em;
  font-size: 90%;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #eee;
  color: black;
}
button.launch {
  border: 1px solid #d43;
  background-color: #d43;
  color: white;
}
button:active {
  border: 1px solid blue !important;
}
button:hover {
  box-shadow: 2px 2px 5px #888;
}
.right-top {
width: 20px;
height:74px;
background-size: 100% auto;
background-repeat: no-repeat;
position: fixed;
z-index: 999;
right:0px;
top: 35%;
background-image:url("../media/sidebar/sidebar.png");
}
.right-top:hover{
width: 20px;
height:74px;
background-size: 100% auto;
background-repeat: no-repeat;
position: fixed;
z-index: 999;
right:0px;
top: 35%;
background-image:url("../media/sidebar/sidebar_red.png");
}
.right-top2 {
width: 20px;
height:74px;
background-size: 100% auto;
background-repeat: no-repeat;
position: fixed;
z-index: 999;
right:0px;
top: 35%;
background-image:url("../media/sidebar/sidebar2.png");
}
.right-top2:hover{
width: 20px;
height:74px;
background-size: 100% auto;
background-repeat: no-repeat;
position: fixed;
z-index: 999;
right:0px;
top: 35%;
background-image:url("../media/sidebar/sidebar2_red.png");
}

div>span.blocklyTreeIcon.blocklyTreeIconNone{
	width: 1.25rem;
    height: 1.25rem;
    
    border-radius: 100%;
    margin-left:18px;
	
	
}
.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(76, 151, 255);
	background-size: 100% auto;
}

#\:1>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(76, 151, 255);
	
}
#\:1>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(76, 151, 255);
	background-size: 100% auto;
}
#\:2>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(153, 102, 255);
	background-size: 100% auto;
}
#\:2>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(153, 102, 255);
	background-size: 100% auto;
}
#\:3>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(214, 92, 214);
	background-size: 100% auto;
}
#\:3>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(214, 92, 214);
	background-size: 100% auto;
}
#\:4>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 213, 0);
	background-size: 100% auto;
}
#\:4>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 213, 0);
	background-size: 100% auto;
}
#\:5>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 171, 25);
	background-size: 100% auto;
}
#\:5>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	border-color: rgb(207, 139, 23);
	background-size: 100% auto;
}
#\:6>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(76, 191, 230);
	background-size: 100% auto;
}
#\:6>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	border-color: rgb(46, 142, 184);
	background-size: 100% auto;
}
#\:7>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(64, 191, 74);
	background-size: 100% auto;
}
#\:7>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
    border-color: rgb(56, 148, 56);
	background-size: 100% auto;
}
#\:8>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 140, 26);
	background-size: 100% auto;
}
#\:8>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	border-color: rgb(219, 110, 0);
	background-size: 100% auto;
}
#\:9>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 102, 128);
	background-size: 100% auto;
}
#\:9>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	border-color: rgb(255, 77, 106);
	background-size: 100% auto;
}
#\:a>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(77, 255, 107);
	background-size: 100% auto;
}
#\:a>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(77, 255, 107);
	background-size: 100% auto;
}
#\:b>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 102, 102);
	background-size: 100% auto;
}
#\:b>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(255, 102, 102);
	background-size: 100% auto;
}
#\:c>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(194, 100, 6);
	background-size: 100% auto;
}
#\:c>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(194, 100, 6);
	background-size: 100% auto;
}
#\:d>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(29, 29, 53);
	background-size: 100% auto;
}
#\:d>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(29, 29, 53);
	background-size: 100% auto;
}
#\:e>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(248, 3, 3);
	background-size: 100% auto;
}
#\:e>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(248, 3, 3);
	background-size: 100% auto;
}
#\:f>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(130, 3, 248);
	background-size: 100% auto;
}
#\:f>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(130, 3, 248);
	background-size: 100% auto;
}
#\:g>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(48, 3, 248);
	background-size: 100% auto;
}
#\:g>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	/* background-color: rgb(48, 3, 248); */
	background-size: 100% auto;
}
#\:h>div>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(130, 3, 248);
	background-size: 100% auto;
}
#\:h>.blocklyTreeSelected>span.blocklyTreeIcon.blocklyTreeIconNone{
	background-color: rgb(130, 3, 248);
	background-size: 100% auto;
}
